$(function () {
    // 1. 进度条功能
    // 第一个请求发出时, 进度条动起来


    $(document).ajaxStart(function () {
        NProgress.start();
    });

    // 当所有的请求都完成时,进度条结束动画
    $(document).ajaxStop(function () {
        NProgress.done();
    });


    // 2. 点击切换二级分类
    // 点击一级a标签,切换二及ul列表
    $('.cate-link').click(function () {
        $('.cate-list').stop().slideToggle();
    });


    // 3. 点击切换侧边栏
    // 1. 给 lt-asied 侧边栏 切换 lt-out类名
    // 2. 给 body 切换 pl-180 类名
    // 3. 给 lt-top 切换 pl-180 类名
    // 推荐 使用css来实现动画效果, css 把动画封装成类名, js负责切换即可

    $('.menu').click(function () {

        $('.lt-aside').toggleClass('lt-out');
        $('body, .lt-top').toggleClass('pl-180')
    })
    
    // 4. 点击实例退出功能
    // 点击按钮, 通过后台 用户退出
    $('.logout').click(function () {
       
        // 发送ajax请求
        $.ajax({
             type: 'get',
             url: '/employee/employeeLogout',
             data: {},
             dataType: 'json',
             success: function (res) {
                 console.log(res);

                // 请求成功,跳转到登录页
                if(res.success) {
                     location.href = '../login.html';
                }
             }
         })
    })

})
